<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网站标题 -->
    <title>品优购详情页-综合网购首选-正品低价、品质保证、配送及时、轻松购物！</title>
    <!-- 网站描述 -->
    <meta name="description"
        content="品优购JD.CON-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!">
    <!-- 网站关键词 -->
    <meta name="keywords" content="网上购物，网上商城，手机，笔记本，电脑，MP3，CD，VCD，DV，相机，数码，配件，手表，存储卡，品优购">
    <!-- 引入favicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 引入初始化CSS文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式CSS文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入详情页CSS文件 -->
    <link rel="stylesheet" href="css/detail.css">
</head>

<body>
    <!-- 顶部快捷导航栏 -->
    <div class="shortcut" id="shortcut">
        <!-- 版心 -->
        <div class="w">
            <!-- 左侧用户信息 -->
            <div class="fl">
                <ul>
                    <li>品优购欢迎您！</li>
                    <li><a href="#">请登录</a>&nbsp;&nbsp;<a href="register.html" class="style-red">免费注册</a></li>
                </ul>
            </div>
            <!-- 右侧基础信息 -->
            <div class="fr">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">我的品优购</a><i class="icomoon-arrow-b"></i></li>
                    <li class="spacer"></li>
                    <li><a href="#">品优购会员</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">关注品优购</a><i class="icomoon-arrow-b"></i></li>
                    <li class="spacer"></li>
                    <li><a href="#">客户服务</a><i class="icomoon-arrow-b"></i></li>
                    <li class="spacer"></li>
                    <li><a href="#">网站导航</a><i class="icomoon-arrow-b"></i></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 头部区域 -->
    <div class="header w">
        <!-- logo -->
        <div class="logo">
            <!-- h1标签是为了提权，告诉搜索引擎这里很重要 -->
            <!-- h1标签里面放a链接可以返回首页，a链接里面放网站名称，为了让搜索引擎收录 -->
            <h1><a href="index.html" title="品优购">品优购</a></h1>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <input type="text" placeholder="啊炎同学 - www.h1234.top">
            <button><a href="http://www.h1234.top" target="_blank">搜索</a></button>
        </div>
        <!-- 热词 -->
        <div class="hot-words">
            <a href="#" class="style-red">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9团购</a>
            <a href="#">每满99减30</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="list.html">手机</a>
        </div>
        <!-- 购物车 -->
        <div class="shop-car">
            <i class="icomoon-car"></i> 我的购物车 <i class="icomoon-arrow-r"></i>
            <i class="count">8</i>
        </div>
    </div>

    <!-- 导航栏区域 -->
    <div class="nav">
        <div class="w">
            <!-- 左侧下拉导航（左浮动） -->
            <div class="dropdown fl">
                <div class="dt">全部商品分类</div>
                <div class="dd" style="display: none;">
                    <ul>
                        <li class="menu_item">
                            <a href="#">家用电器</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="list.html">手机、</a>
                            <a href="#">数码、</a>
                            <a href="#">通信</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">电脑、</a>
                            <a href="#">办公</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">家居、</a>
                            <a href="#">家具、</a>
                            <a href="#">家装、</a>
                            <a href="#">厨具</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">男装、</a>
                            <a href="#">女装、</a>
                            <a href="#">童装、</a>
                            <a href="#">内衣</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">清洁用品、</a>
                            <a href="#">宠物</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">鞋靴、</a>
                            <a href="#">箱包、</a>
                            <a href="#">珠宝</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">运动户外、</a>
                            <a href="#">钟表</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">汽车、</a>
                            <a href="#">汽车用品</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">母婴、</a>
                            <a href="#">玩具乐器</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">食品、</a>
                            <a href="#">酒类、</a>
                            <a href="#">生鲜、</a>
                            <a href="#">特产</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">医药保健</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">图书、</a>
                            <a href="#">音像、</a>
                            <a href="#">电子书</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">彩票、</a>
                            <a href="#">旅行、</a>
                            <a href="#">充值、</a>
                            <a href="#">票务</a>
                            <i></i>
                        </li>
                        <li class="menu_item">
                            <a href="#">理财、</a>
                            <a href="#">众筹、</a>
                            <a href="#">白条、</a>
                            <a href="#">保险</a>
                            <i></i>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 右侧导航栏组（左浮动） -->
            <div class="navitems fl">
                <ul>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">美妆馆</a></li>
                    <li><a href="#">啊炎超市</a></li>
                    <li><a href="#">全球购</a></li>
                    <li><a href="#">大牌秒杀</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">团购</a></li>
                    <li><a href="#">品优购生鲜</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 详情页内容区域 -->
    <div class="de_container w">
        <!-- 面包屑导航 -->
        <div class="crumb_wrap">
            <div class="crumb_wrap_item"><a href="index.html">手机、数码、通讯</a></div>
            <div class="crumb_wrap_arrow"> 〉</div>
            <div class="crumb_wrap_item"><a href="list.html">手机</a></div>
            <div class="crumb_wrap_arrow"> 〉</div>
            <div class="crumb_wrap_item"><a href="#">Apple苹果</a></div>
            <div class="crumb_wrap_arrow"> 〉</div>
            <div class="crumb_wrap_item">iPhone 12</div>
        </div>
        <!-- 产品介绍模块 -->
        <div class="produce_intro clearfix">
            <!-- 产品预览图区域 -->
            <div class="preview_wrap fl">
                <!-- 图片预览 -->
                <div class="preview_img">
                    <img src="upload/s3.png" alt="">
                </div>
                <!-- 预览列表 -->
                <div class="preview_list">
                    <!-- 左箭头 -->
                    <div class="arrow_prev">
                        <img src="upload/disabled-prev.png" alt="">
                    </div>
                    <!-- 列表内容 -->
                    <div class="list-item">
                        <ul>
                            <li class="list-item-current"><img src="upload/list-item01.jpg" alt=""></li>
                            <li><img src="upload/list-item02.jpg" alt=""></li>
                            <li><img src="upload/list-item03.jpg" alt=""></li>
                            <li><img src="upload/list-item04.jpg" alt=""></li>
                            <li><img src="upload/list-item05.jpg" alt=""></li>
                        </ul>
                    </div>
                    <!-- 右箭头 -->
                    <div class="arrow_next">
                        <img src="upload/disabled-next.png" alt="">
                    </div>
                </div>
                <!-- 预览信息 -->
                <div class="preview_info">
                    <em>商品编号：046825564</em>
                    <a href="#"><i class="preview_info_share"></i> 分享</a>
                    <a href="#"><i class="preview_info_attention"></i> 关注</a>
                    <a href="#"><i class="preview_info_comparison"></i> 对比</a>
                </div>
            </div>
            <!-- 产品详细信息区域 -->
            <div class="itemInfo_wrap fr">
                <!-- 商品名 -->
                <div class="sku_name">Apple iPhone 12 (A2404) 128GB 白色 支持移动联通电信5G 双卡双待手机</div>
                <!-- 商品最新新闻 -->
                <div class="news" title="【预约抢购】8月3日参与iPhone11指定型号预约，8月4日0点开始抢购，限时限量到手价3499，抢完恢复3699元！！！猛戳查看>">
                    【预约抢购】8月3日参与iPhone11指定型号预约，8月4日0点开始抢购，限时限量到手价3499，抢完恢复3699元！！！猛戳
                    <a href="#" style="color: blue;">查看></a>
                </div>
                <!-- 摘要 -->
                <div class="summary">
                    <!-- 价格摘要 -->
                    <dl class="summary_price">
                        <dt>价 格</dt>
                        <dd>
                            <span>
                                <span class="price_rmb">￥</span>
                                <span class="price">4899.0</span>
                            </span>
                            <a href="#" class="notice">降价通知</a>
                            <!-- 评价 -->
                            <div class="remark">
                                <span>累计评价</span>
                                <br>
                                <a href="#">400万+</a>
                            </div>
                        </dd>
                    </dl>
                    <!-- 促销摘要 -->
                    <dl class="summary_promotion">
                        <dt>促 销</dt>
                        <dd>
                            <em>加购价</em>
                            满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换
                            购热销商品 <a href="#">详情 》</a>
                        </dd>
                    </dl>
                    <!-- 支持 -->
                    <dl class="summary_support">
                        <dt>支 持</dt>
                        <dd>以旧换新，闲置手机回收 4G套餐超值抢 礼品购</dd>
                    </dl>
                    <!-- 配送 -->
                    <dl class="summary_stock">
                        <dt>配 送 至</dt>
                        <dd>
                            <p>北京海淀区中关 有货 支持 99元免运费 | 货到付款 | 211限时达</p>
                            <p>由 <span class="style-red">品优购</span>
                                自营发货，并提供售后服务。11:00前完成下单，预计<strong>今天（08月10日）送达</strong></p>
                        </dd>
                    </dl>
                    <!-- 分割线 -->
                    <div class="summary_line"></div>
                    <!-- 选择颜色 -->
                    <dl class="choose_color">
                        <dt>选择颜色</dt>
                        <dd>
                            <a href="javascript:;">
                                <img src="upload/choose_color_01.jpg" alt="">
                                <i>黑色</i>
                            </a>
                            <a href="javascript:;" class="choose_current">
                                <img src="upload/choose_color_02.jpg" alt="">
                                <i>白色</i>
                            </a>
                            <a href="javascript:;">
                                <img src="upload/choose_color_03.jpg" alt="">
                                <i>蓝色</i>
                            </a>
                            <a href="javascript:;">
                                <img src="upload/choose_color_04.jpg" alt="">
                                <i>绿色</i>
                            </a>
                            <a href="javascript:;">
                                <img src="upload/choose_color_05.jpg" alt="">
                                <i>红色</i>
                            </a>
                            <a href="javascript:;">
                                <img src="upload/choose_color_06.jpg" alt="">
                                <i>紫色</i>
                            </a>
                        </dd>
                    </dl>
                    <!-- 选择版本 -->
                    <dl class="choose_versions">
                        <dt>选择版本</dt>
                        <dd>
                            <a href="javascript:;">
                                <i>64GB</i>
                            </a>
                            <a href="javascript:;" class="choose_current">
                                <i>128GB</i>
                            </a>
                            <a href="javascript:;">
                                <i>256GB</i>
                            </a>
                        </dd>
                    </dl>
                    <!-- 购买方式 -->
                    <dl class="choose_type">
                        <dt>购买方式</dt>
                        <dd>
                            <a href="#" class="choose_current">公开版</a>
                            <a href="#">快充套装</a>
                        </dd>
                    </dl>
                    <!-- 分割线 -->
                    <div class="summary_line"></div>
                    <!-- 选择数量、加入购物车 -->
                    <div class="choose_btns">
                        <!-- 选择数量 -->
                        <div class="choose_amount">
                            <input type="text" value="1">
                            <a href="javascript:;" class="add">+</a>
                            <a href="javascript:;" class="reduce">-</a>
                        </div>
                        <!-- 加入购物车 -->
                        <a href="#" class="addshopcar">加入购物车</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 产品细节区域 -->
        <div class="product_detail w clearfix">
            <div class="aside fl">
                <div class="tab_list">
                    <ul>
                        <li class="first_tab current">相关分类</li>
                        <li class="second_tab">推荐品牌</li>
                    </ul>
                </div>
                <div class="tab_con">
                    <ul>
                        <li>
                            <a href="#">
                                <img src="upload/tab_con_01.jpg" alt="">
                                <h5>Apple iPhone 13 (A2634) 128GB 星光色 支持移动联通电信5G 双卡双待手机</h5>
                            </a>
                            <div class="tab_con_price">￥<em>5999.00</em></div>
                            <div class="tab_con_sales">热销<em>858298</em>件</div>
                            <a href="#" class="tab_con_car">加入购物车</a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/tab_con_01.jpg" alt="">
                                <h5>Apple iPhone 13 (A2634) 128GB 星光色 支持移动联通电信5G 双卡双待手机</h5>
                            </a>
                            <div class="tab_con_price">￥<em>5999.00</em></div>
                            <div class="tab_con_sales">热销<em>858298</em>件</div>
                            <a href="#" class="tab_con_car">加入购物车</a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="upload/tab_con_01.jpg" alt="">
                                <h5>Apple iPhone 13 (A2634) 128GB 星光色 支持移动联通电信5G 双卡双待手机</h5>
                            </a>
                            <div class="tab_con_price">￥<em>5999.00</em></div>
                            <div class="tab_con_sales">热销<em>858298</em>件</div>
                            <a href="#" class="tab_con_car">加入购物车</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="detail fr">
                <div class="detail_tab_list">
                    <ul>
                        <li class="current">商品介绍</li>
                        <li>规格与包装</li>
                        <li>售后保障</li>
                        <li>商品评价（400万+）</li>
                        <li>手机社区</li>
                        <li class="detail_tab_list_car">加入购物车</li>
                    </ul>
                </div>
                <div class="detail_tab_con">
                    <div class="item">
                        <!-- 产品参数 -->
                        <div class="p-parameter">
                            <ul class="clearfix">
                                <li>品牌： Apple</li>
                                <br>
                                <br>
                                <li>商品名称：AppleiPhone 12</li>
                                <li>商品编号：100009077475</li>
                                <li>商品毛重：320.00g</li>
                                <li>商品产地：中国大陆</li>
                                <li>CPU型号：Apple</li>
                                <li>A系列运行内存：其他(iPhone)</li>
                                <li>机身颜色：白色</li>
                                <li>三防标准：IP68</li>
                                <li>屏幕分辨率：FHD+</li>
                                <li>充电功率：25W及以下</li>
                                <li>机身内存：128GB机身</li>
                                <li>色系：白色系</li>
                                <li>屏幕材质：OLED直屏</li>
                                <li>后摄主像素：1200万</li>
                                <li>像素风格：苹果风，商务，科技</li>
                            </ul>
                            <br>
                            <br>
                            <p><a href="#" class="more">查看更多</a></p>
                        </div>
                        <!-- 产品图片 -->
                        <div class="detail-content">
                            <img src="upload/item_img.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 固定定位回到顶部 -->
        <div class="top"><a href="#shortcut"><i></i></a></div>
    </div>

    <!-- 底部区域 -->
    <div class="footer">
        <div class="w">
            <!-- 服务模块 -->
            <div class="mod_service">
                <ul>
                    <li>
                        <i class="mod_service_icon mod_service_zheng"></i>
                        <div class="mod_service_title">
                            <h3>正品保证</h3>
                            <p>正品保证，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <i class="mod_service_icon mod_service_jisu"></i>
                        <div class="mod_service_title">
                            <h3>极速物流</h3>
                            <p>极速物流，极速送达</p>
                        </div>
                    </li>
                    <li>
                        <i class="mod_service_icon mod_service_wuyou"></i>
                        <div class="mod_service_title">
                            <h3>无忧售后</h3>
                            <p>7天无理由退换货</p>
                        </div>
                    </li>
                    <li>
                        <i class="mod_service_icon mod_service_tese"></i>
                        <div class="mod_service_title">
                            <h3>特色服务</h3>
                            <p>私人定制智能家居</p>
                        </div>
                    </li>
                    <li>
                        <i class="mod_service_icon mod_service_help"></i>
                        <div class="mod_service_title">
                            <h3>帮助中心</h3>
                            <p>您的购物指南</p>
                        </div>
                    </li>

                </ul>
            </div>
            <!-- 帮助模块 -->
            <div class="mod_help">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">上门自提</a></dd>
                    <dd><a href="#">211限时达</a></dd>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">配送费收取标</a></dd>
                    <dd><a href="#">海外配送</a></dd>

                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">货到付款</a></dd>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">分期付款</a></dd>
                    <dd><a href="#">邮局汇款</a></dd>
                    <dd><a href="#">公司转账</a></dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">价格保护</a></dd>
                    <dd><a href="#">退款说明</a></dd>
                    <dd><a href="#">售返修/退换货</a></dd>
                    <dd><a href="#">取消订</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">夺宝岛</a></dd>
                    <dd><a href="#">DIY装机</a></dd>
                    <dd><a href="#">延保服务</a></dd>
                    <dd><a href="#">品优购E卡</a></dd>
                    <dd><a href="#">品优购通</a></dd>
                </dl>

                <dl>
                    <dt>帮助中心</dt>
                    <img src="./upload/er_code.png" alt="" class="er_code">
                    <dd><a href="#">品优购客户端</a></dd>
                </dl>

            </div>
            <!-- 版权模块 -->
            <div class="mod_copyright">
                <p class="mod_copyright_links">
                    <a href="#">关于我们</a> |
                    <a href="#">联系我们</a> |
                    <a href="#">联系客服</a> |
                    <a href="#">商家入驻</a> |
                    <a href="#">营销中心</a> |
                    <a href="#">手机品优购</a> |
                    <a href="#">友情链接</a> |
                    <a href="#">销售联盟</a> |
                    <a href="#">品优购社区</a> |
                    <a href="#">品优购公益</a> |
                    <a href="#">English Site</a> |
                    <a href="#">Contact U</a>
                </p>
                <p class="mod_copyright_info">
                    地址：福建省龙岩市316公司 邮编：353200 电话：400-316-6666 传真：010-82935100 博客: <a href="http://www.h1234.top"
                        target="_blank">www.h1234.top</a>
                    <br>
                    <a href="https://beian.miit.gov.cn/#/Integrated/index">闽ICP备2020020616号-2</a> |
                    <img src="https://z3.ax1x.com/2021/06/05/2t1pxU.png" alt="">
                    <a
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35080202351229">闽公网安备35080202351229号</a>
                </p>
            </div>
        </div>
    </div>
</body>

</html>